export default{
    namespaced: true, // 开启命名空间
    state:{
        isCollapse:false,  //  用于控制菜单栏的展开和收起
        tabsList:[
            {
                path: '/',
                name: 'home',
                label: '首页',
                icon: 'el-icon-home',
                url: 'Home/Home'
            }
        ],  //  面包屑的数据
        userdialog:false,   //  控制个人中心的显示与隐藏
    },
    mutations:{
        //  修改菜单展开收起的方法
        collapsMenu(state){
            state.isCollapse = !state.isCollapse
        },
        //  修改/更新 面包屑数据
        selectMenu(state,val){
            // console.log(val)
            //  判断添加的数据是否是首页
            if(val.name !== 'home'){
                const index = state.tabsList.findIndex(item => item.name === val.name)
                //  如果不存在
                if(index === -1){
                    state.tabsList.push(val)
                }
            }
        },
        //  改变个人中心的显示与隐藏
        CHANGE_USERDIALOG(state,val){
            state.userdialog = !state.userdialog
        },
        //  删除指定的tags数据
        closeTags(state,item){
            const index = state.tabsList.findIndex(val => val.name === item.name)
            state.tabsList.splice(index,1)
        }
    }
}